
//首页js效果开始

$(function(){
	//顶部左侧手机客户端开始
	$('.ip').hover(function(){		
		$('.wx').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.wx').stop().hide('fast');
	})
	//顶部手机客户端结束
	//顶部右侧下拉菜单开始
	$('.fx').hover(function(){
		
		$('.hid').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.hid').stop().hide('fast');
	})
	
	$('.cil').hover(function(){
		$('.hiy').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.hiy').stop().hide('fast');
	})
	
	$('.fz').hover(function(){
		$('.hz').show('slow').css({'background':'#F2F2F4'});
	},function(){
		$('.hz').stop().hide('fast');
	})
	//顶部右侧下拉菜单结束
	//主区大轮播图开始
	// 移入停止移出继续
	$('.lb').mouseover(function(){
		clearInterval(timer);
	});
	$('.lb').mouseout(function(){
		timer = setInterval(run,2000);
	});
	//第一轮自动轮播轮播控制
	var c = 0;
	function run(){
		//alert(1);
		c++;
		c = (c==8)?0:c;
		$('.lb a').eq(c).fadeIn(300).siblings('a').fadeOut(300);
		//图片走到第几张，第几个小圆点变红
		$('.lb .dh li').eq(c).css('background','#C81623').siblings('li').css('background',' #3E3E3E');
	}
	timer = setInterval(run,2000);
	//第二轮手动控制轮播
	$('.lb li').mouseover(function(){
		//获得此时鼠标所移入的小圆点的下标
		c = $(this).index();
		$('.lb a').eq(c).fadeIn(300).siblings('a').stop().fadeOut(300);
		$('.lb .dh li').eq(c).css('background','#C81623').siblings('.lb .dh li').css('background',' #3E3E3E');
		
	})
	//主区大轮播图开始结束
	
	
	
	
})


//首页js效果结束